<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>优惠详情</title>

    <link rel="stylesheet" href="http://at.alicdn.com/t/font_608853_ykjxktkf2agojemi.css">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--标准mui.css-->
    <link rel="stylesheet" href="/static/mui/css/mui.min1.css">
    <style>
        .headTitle {
            position: fixed;
            border: 1px solid #f4f4f4;
            border-top: none;
            border-left: none;
            border-right: none;
            background: #fff;
            width: 100%;
            height: 44px;
            line-height: 44px;
        }
        .head {
            position: absolute;
            width: 100%;
            max-width: 640px;
            right: 0;
            margin: 0 auto;
            height:44px;
            background: rgb(255, 255, 255);
            top: 0;
            left: 0;
            z-index: 3;
        }
        .head .title1 {
            text-align: center;
            font-size: 17px;
            margin: 0 8%;
            font-style: normal;
            font-weight: normal;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 100%;


        }
        .head a img {
            float: left;
            display: block;
            width: 100%;
            width: 10px;
            height: 16px;
            margin-left: 5%;
            margin-top: 14px;
        }
        /*.yhq{*/
            /*width: 100%;*/
            /*color: white;*/
            /*background-color: orange;*/
            /*text-align: center;*/
            /*font-size: 16px;*/
            /*position: absolute;*/
            /*bottom: 0;*/
            /*height: 50px;*/
            /*line-height: 50px;*/
        /*}*/
        .db {
            position: fixed;
            bottom: 0;
            width: 100%;
            height: 50px;
            line-height: 50px;
            padding: 0;
            table-layout: fixed;
            border-top: 0;
            border-bottom: 0;}
    </style>
</head>
<body>
<!--商品图文开始-->
<div style="background-color: #FFFFFF;top: 0;width: 100%">
    <div class="mui-card-content" style="border: none;text-align: center">
        {if $item.thumb=='null'}
        <img src="/res/img/thumb.png" style="height:250px;width: 100%;"/>
        {else}
        <img src="{$item.thumb}" style="height:250px;width: 100%;"/>
        {/if}
    </div>
    <div class="mui-card-content">
        <div class="mui-card-content-inner" style="padding: 12px">
            <div class="goods-header">
                <div class="goods-title" style="font-size: 16px;color: #333;">{$item.name}</div>
                <div class="goods-price goods-goods" style="color:gray; font-size: 14px;">
                    <span>品牌：{$pp.pinpai}</span>
                </div>
                <div class="goods-price goods-goods" style="color:gray; font-size: 14px;">
                    <span> 商家：{$sj.shop_name}</span>
                </div>
                <div class="goods-other-info" style=" margin: 0 20px 6px 0;color: #666;display: inline-block;
                font-size: 12px; line-height: 20px;">材质：<span>{$item.caizhi}</span>&nbsp;&nbsp;&nbsp;
                    型号：<span>{$item.xinghao}</span>
                </div>
                <div class="goods-price goods-goods" style="color:gray; font-size: 12px;">
                    数量：<span style="color: rgb(237,108,0) "><span>￥</span>{$cc}</span>&nbsp;&nbsp;&nbsp;
                    共优惠：<span  style="color: rgb(237,108,0) "><span>￥</span>{$dprice}</span>
                </div>
            </div>
        </div>
    </div>
</div>
<!--商品图文结束-->
<!--商品详情-->
<div class="goods-detail-section" id="deriction" style="background-color: #FFFFFF;margin-top: 15px">
    <div class="block-item" >
        <div style="border-bottom: 1px solid gainsboro;font-size: 16px;color: #333;height: 40px;">
            <span style="margin-left: 15px;line-height: 40px">产品详情</span>  </div>
        <div class="goods-details" style="margin-top: 8px;color: #000000;padding: 0 10px;line-height: 25px;font-size: 16px;">
            <p>{$item.remarks}</p>
            <!--不可删除，显示nav下边内容-->
            <p style="height: 30px"></p>
        </div>
    </div>
</div>
<!--优惠详情-->
<!--<div class="yhq" >-->
    <!--请给该小主优惠{$item.discount}折-->
<!--</div>-->
<!--优惠详情开始-->
<div class="db" style="background-color: #fff;">
    <div class="mui-row">
        <div class="mui-col-sm-8 mui-col-xs-8" style="color:  rgb(237,108,0);line-height: 50px">
            <span style="margin-left: 15px">请给该小主优惠</span>
        </div>
        <div class="mui-col-sm-4 mui-col-xs-4" style="text-align: center;background-color: rgb(237,108,0);">
            <a  href="{$url}" class="mui-table-view-cell"  style="list-style:none;color: white;">
                确定
            </a>
        </div>
    </div>
</div>
<!--优惠详情结束-->
</body>

</html>